<template>
  <div class="wrap">
    <h3>订单信息</h3>
    <table>
      <tr>
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="start">已下单</span></td>
        <td>11：20 </td>
      </tr>
      <tr>
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="start">已下单</span></td>
        <td>11：20 </td>
      </tr>
      <tr>
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="start">已下单</span></td>
        <td>11：20 </td>
      </tr>
      <tr>
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="pay">已付款</span></td>
        <td>11：20 </td>
      </tr>
      <tr>
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="end">已成交</span></td>
        <td>11：20 </td>
      </tr>
      <tr v-for="(item, index) in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]" :key="index">
        <td>李**</td>
        <td>
          <div>纯棉气流纺</div>
          <div>6s</div>
        </td>
        <td><span class="pay">已付款</span></td>
        <td>11：20 </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import '../../../scss/_var.scss';
.wrap {
  width: 230px;
  height: 1168px;
  background: #fff;
  border: 1px solid $border-gray;
  margin-top: 20px;
  h3 {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding-left: 10px;
    color: #fff;
    background: $color-blue;
  }
  table {
    width: 95%;
    margin: 0 auto;
    tr {
      border-bottom: 2px dotted $border-gray;
      td {
        padding: 18px 0;
        text-align: center;
        vertical-align: top;
        .end {
          color: $color-main;
        }
        .pay {
          color: $btn-vendor;
        }
      }
      &:last-child {
        border: 0;
      }
    }
  }
}
</style>


